import Taro, {Component, Config} from '@tarojs/taro'
import {Button, Image, View} from '@tarojs/components'
import { SDBody } from 'sudao-ui'

import './index.less'

import ServiceIcon from '../../../../images/ic_service_black.png'

export default class HelpDetailPage extends Component {

  config: Config = {
    navigationBarTitleText: '问题详情'
  }

  render () {
    const { statusBarHeight } = Taro.getSystemInfoSync()
    const bottomH = statusBarHeight == 44 ? 34 : 0

    return (
      <SDBody sd-class='container'>
        <View className="main-content">
          <View className="header border-bottom_1px">
            <View className="title">如何取消订单？</View>
          </View>
          <View className="content">
            订单在未发货前，均可进入“我的订单”自行操作“取消订单”。
          </View>
        </View>

        <View style='height:118rpx;'></View>
        <View className="fixed-bottom">
          <Button className="btn-clear bottom-bar border-top_1px" openType='contact'>
            <Image className="icon" src={ServiceIcon}></Image>
            <View className="title">在线客服</View>
          </Button>
          <View style={`height: ${bottomH}px;`}></View>
        </View>
      </SDBody>
    )
  }
}
